
// 正常的
// const request = new XMLHttpRequest()
// request.open('GET','http://qq.com:8888/friends.json')
// request.onreadystatechange=()=>{
//     if(request.readyState===4 && request.status>=200 && request.status<=300){
//         console.log(request.response)
//     }
// }
// request.send()

// 封装JSONP
function JSONP(url) {
    return new Promise((resolve, reject) => {
        const random = 'chenJSONPCallbackName' + Math.random()
        console.log(random)
        window[random] = (data) => {
            resolve(data)
        }//执行完了之后就可以打印出
        const script = document.createElement('script')
        script.src = `${url}?callback=${random}`
        script.onload = () => {
            script.remove()  //执行完了就删除script，这样就不会有多余的script，占库存
        }
        script.onerror=()=>{
            reject()
        }
        document.body.appendChild(script)
    })
}
JSONP('http://qq.com:8888/friends.js')
.then((data)=>{
    console.log(data)
})


//JSONP未封装前
// const random = 'chenJSONPCallbackName' + Math.random()
// console.log(random)
// window[random] = (data) => {
//     console.log(data)
// }//执行完了之后就可以打印出
// const script = document.createElement('script')
// script.src = `http://qq.com:8888/friends.js?functionName=${random}`
// script.onload = () => {
//     script.remove()  //执行完了就删除script，这样就不会有多余的script，占库存
// }
// document.body.appendChild(script)